@import './reset.css';

html,
body {
  width: 100vw;
  height: 100vh;
}
#app {
  width: 100vw;
  height: 100vh;
}
@for $i from 1 through 30 {
  .ml#{$i} {
    margin-left: $i * 1px !important;
  }
  .mr#{$i} {
    margin-right: $i * 1px !important;
  }
  .mt#{$i} {
    margin-top: $i * 1px !important;
  }
  .mb#{$i} {
    margin-bottom: $i * 1px !important;
  }
  .pd#{$i} {
    padding: $i * 1px !important;
  }
  .pdr#{$i} {
    padding-right: $i * 1px !important;
  }
  .pdl#{$i} {
    padding-left: $i * 1px !important;
  }
}
.ql-editor {
  img {
    max-height: 80px; /* px-to-viewport-ignore */
  }
}
